<!DOCTYPE html>

<html>
<head>
    <title>DevExtreme jQuery Example</title>

    <link rel="stylesheet" type="text/css" href="../artifacts/css/dx.common.css"/>

    <link rel="stylesheet" type="text/css" href="../artifacts/css/dx.light.css"/>

    <script type="text/javascript" src="../vendor/jquery/jquery-3.1.0.js"></script>

    <script type="text/javascript" src="../vendor/angular-1.5/angular.js"></script>

    <!--<script type="text/javascript" src="../vendor/cldr/cldr.js"></script>
    <script type="text/javascript" src="../vendor/cldr/cldr/event.js"></script>
    <script type="text/javascript" src="../vendor/cldr/cldr/supplemental.js"></script>
    <script type="text/javascript" src="../vendor/cldr/cldr/unresolved.js"></script>
    <script type="text/javascript" src="../vendor/globalize/globalize.js"></script>
    <script type="text/javascript" src="../vendor/globalize/globalize/currency.js"></script>
    <script type="text/javascript" src="../vendor/globalize/globalize/date.js"></script>
    <script type="text/javascript" src="../vendor/globalize/globalize/message.js"></script>
    <script type="text/javascript" src="../vendor/globalize/globalize/number.js"></script>-->

    <script type="text/javascript" src="../artifacts/js/dx.all.debug.js"></script>
</head>

<body ng-app="DemoApp">
    <div ng-controller="DemoController">
        <div dx-button="buttonOptions"></div>
    </div>

    <script>
        var DemoApp = angular.module('DemoApp', ['dx']);

        DemoApp.controller('DemoController', function DemoController($scope) {
            $scope.buttonOptions = {
                text: 'Click me!',
                onClick: function() {
                    alert("clicked");
                }
            };
        });
    </script>
</body>
</html>
